<%@page import="bean.JoinVo"%>
<%@page import="java.util.ArrayList"%>
<%@page import="bean.SemiDTO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src='../js/join.js'></script>
<link rel="stylesheet" type="text/css" href="../css/join.css">

<script>
function can(){
	location.href='../jsp/main.jsp';
}

</script>
</head>
<body>
<jsp:useBean id="vo" class="bean.JoinVo"/>
<jsp:setProperty property="*" name="vo"/>
	
	<font color="#ff0000" size="5"><h1>MENSUL</h1></font>
	<form id="join_form" method="post" name ="join_form">
		<div class="row_group">
			<div id="idDiv" class="join_row">			
				<span class="ps_box int_id" align="center" > <input type="text" id="mid"
					name="mid" value="" maxlength="12" placeholder="아이디" class="int">
				</span>
			</div>
			<div id="pswd1Div" class="join_row">
				<span id="pswd1Img" class="ps_box int_pass" align="center" > 
				<input type="password" id="pwd" name="pwd" maxlength="16" placeholder="비밀번호" class="int"> 
				</span>
			</div>
			<div id="pswd2Div" class="join_row">
				<span id="pswd2Img" class="ps_box int_pass_check" align="center" > 
				<input type="password" id="pwd2" name="pwd2" maxlength="16" placeholder="비밀번호 재확인" class="int"> 
				</span>

			</div>
		</div>

		<div class="row_group">
			<div id="nmDiv" class="join_row">
				<span class="ps_box"> <input type="text" id="irum"
					name="irum" maxlength="40" value=""
					placeholder="이름" class="int"> 
				</span>
			</div>
			<div id="genderDiv" class="join_row join_sex" align=left>
				<span class="row_title" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;성별</span> <span class="sex"> <span
					class="jender"><input type="radio" id="man" name="gender"
						value="m" /><label id="manLb" for="man">남자
					</label></span><span class="jender"><input type="radio" id="woman"
						name="gender" value="f"/><label
						id="womanLb" for="woman">여자 </label></span>
				</span>
			</div>
			<div id="birthdayDiv" class="join_row join_birthday">
				<div class="join_birth">
					<div class="bir_yy">
						<span class="ps_box"> 
						<input type="date" id="birth" name='birth'maxlength="4" value=""placeholder="생년" class="int">
							
						</span>
					</div>
				</div>
			</div>
			<div id="emailDiv" class="join_row join_email">
				<span class="ps_box int_email"> <input type="text" id="email"
					name="email" maxlength="100" value=""
					placeholder="이메일" class="int"> 
				</span>
				
			</div>
			<div id="phone"  class="join_row1 join_birthday" name='phone' >
				<div class="join_birth">
					<div class="bir_mm" border=1>
						<span class="ps_box" > <select id="phone" title="010" name="phone1"
							class="sel" >
								<option value="010">010</option>
								<option value="011">011</option>
								<option value="016">016</option>

						</select>
						</span>
					</div>
					<span class="cell">|</span>
					<div class="bir_mm">
						<span class="ps_box"> <input type="text" id="phone2" name="phone2"
							maxlength="4" value="" placeholder="" class="int"> 
						</span>
					</div>
					<span class="cell">|</span>
					<div class=" bir_dd">
						<span class="ps_box"> <input type="text" id="phone3" name="phone3"
							maxlength="4" value="" placeholder="" class="int"> 
						</span>
					</div>
				</div>

			</div>
			<div id="jobDiv" class="join_row join_email">
				<span class="ps_box int_email"> <input type="text" id="job"
					name="job" maxlength="100" value=""
					placeholder="직업" class="int">
				</span>
			</div>
		</div>
		<div class="row_group">
			<span class="btn_join"> 
				<input type="button" title="회원가입" alt="회원가입" value="가입하기" class="int_join" id="btnSave">
			</span>
			<span class="btn_join1"> 
				<input type="reset" title="취소" alt="취소" value="취소" id="cancel" onclick="can()">
			</span>
		</div>
	</form>
<script type="text/javascript">inputInit();</script>
</body>
</html>